<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8"/>
    <title>水资源管理</title>

    <link rel="stylesheet" href="assets/css/index.css">
    <link rel="stylesheet" href="assets/css/jquery.tree-multiselect.min.css">

    <link rel="stylesheet" href="assets/css/bootstrap.css"/>
    <link rel="stylesheet" href="assets/css/font-awesome.css"/>
    <link rel="stylesheet" href="assets/css/custom-styles.css"/>
    <link href="assets/css/bootstrap-datetimepicker.min.css" rel="stylesheet">

    <link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.14.1/dist/bootstrap-table.min.css">
    <link rel="stylesheet" href="assets/css/bootoast.css">
    <!-- 可视化提示框 -->
    <link href="assets/js/morris/morris-0.4.3.min.css" rel="stylesheet"/>

    <!--script src="assets/js/jquery-1.10.2.js"></script-->
    <!--script src="assets/js/jquery-1.11.3.min.js"></script-->
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
        <script src="assets/js/jquery-ui.min.js"></script>
    <script src="assets/js/jquery.tree-multiselect.min.js"></script>

    <script src="assets/js/packages/angular.min.js"></script>

    <!--导航条-->
    <script src="pages/js/left_nav.js"></script>

    <script src="assets/js/bootstrap.min.js"></script>
    <!--表格-->
    <script src="https://unpkg.com/bootstrap-table@1.14.1/dist/bootstrap-table.min.js"></script>
    <script src="https://unpkg.com/bootstrap-table@1.14.1/dist/locale/bootstrap-table-zh-CN.min.js"></script>
    <!--提示框-->
    <script src="assets/js/bootoast.js"></script>
    <!--确认框-->
    <script src="assets/js/bootbox.all.min.js"></script>
    <!--动态表盘-->
    <script src="assets/js/easypiechart.js"></script>
    <script src="assets/js/easypiechart-data.js"></script>

    <!-- 时间组件 -->
    <link href="assets/css/bootstrap-datetimepicker.min.css" rel="stylesheet"/>
    <script src="assets/js/moment-with-locales.js"></script>
    <script src="assets/js/bootstrap-datetimepicker.min.js"></script>
    <script src="assets/js/bootstrap-datetimepicker.zh-CN.js"></script>

    <!--  Morris Chart Js -->
    <script src="assets/js/morris/raphael-2.1.0.min.js"></script>
    <script src="assets/js/morris/morris.js"></script>

    <!-- 下拉框 -->
    <script src="assets/js/bootstrap-select.min.js"></script>
    <script src="assets/js/locales/defaults-zh_CN.min.js"></script>

    <!-- 导出下载 -->
    <script src="assets/js/bootstrap-table-export.js"></script>
    <script src="assets/js/tableExport.js"></script>

    <!-- date -->
    <script src="assets/js/date.js"></script>


    <script src="index.js"></script>

    <!-- 输入框插件 -->
    <script src="bootstrap_editable/js/bootstrap-editable.js"></script>
    <script src="bootstrap_editable/js/bootstrap-table-editable.js"></script>
    <link href="bootstrap_editable/css/bootstrap-editable.css" rel="stylesheet"/>

    <!-- 导出插件 -->
    <script type="text/javascript" src="tableExport/libs/FileSaver/FileSaver.min.js"></script>
    <script type="text/javascript" src="tableExport/libs/js-xlsx/xlsx.core.min.js"></script>
    <script type="text/javascript" src="tableExport/tableExport.min.js"></script>

</head>
<body>
<nav id="header" class="navbar-default top-navbar" style="background-color: #2EA7EB"></nav>
<nav id='navbar' class="navbar-default navbar-side" style="overflow-x: hidden; overflow-y: auto;">
    <!-- 隐藏导航条 -->
    <!-- <div id="sideNav" href="#">
        <i class="fa fa-caret-right"></i>
    </div>

    <div class="sidebar-collapse" ng-app="myApp" ng-controller="menuCtrl">
       <ul class="nav nav-second-level" id="main-menu" ng-repeat="menuItem1 in menuItem" >
       <li><a id={{menuItem1.href}} href="#" onclick = "load1(id)"><i class="fa fa-edit"></i>{{menuItem1.name}}</a></li> -->
    <!--  <li  ng-if="{{menuItem1.subs}} == null"><a id={{menuItem1.href}} href="#" onclick = "load1(id)"><i class="fa fa-edit"></i>{{menuItem1.name}}</a></li>
     <li ng-if="{{menuItem1.subs}} != null">
         <a href="#"><i class="fa fa-sitema"></i>{{menuItem1.name}}<span
             class="fa arrow"></span></a>
         <ul class="nav nav-second-level" ng-repeat="menuItem2 in menuItem.subs">
            <li ng-if="{{menuItem1.subs}} == null"><a id={{menuItem2.href}} href="#" onclick = "load1(id)"><i class="fa fa-edit"></i>{{menuItem2.name}}</a></li>
            <li ng-if="{{menuItem1.subs}} != null">
               <a href="#"><i class="fa fa-sitema"></i>{{menuItem2.name}}<span
                   class="fa arrow"></span></a>
               <ul class="nav nav-second-level" ng-repeat="menuItem3 in menuItem.subs.subs">
                  <li><a id={{menuItem3.href}} href="#" onclick = "load1(id)"><i class="fa fa-edit"></i>{{menuItem3.name}}</a></li>
               </ul>
         </ul>
     </li>
   </ul>
</div>  -->
</nav>

<!--<div id="page-wrapper">-->
<div id="page-wrapper">
    <div id="page-inner">
        <div class="row">
            <div class="col-md-12">
                <h1 class="page-header">
                    监控面板 <small>常用参数展示</small>
                </h1>
            </div>
        </div>

        <div class="row">
            <div class="col-md-2 col-sm-5 col-xs-5" onclick="divclick('查询数据')">
                <div
                        class="panel panel-primary text-center no-boder bg-color-green green">
                    <div class="panel-left pull-left green">
                        <i class="fa fa-bar-chart-o fa-5x"></i>
                    </div>
                    <div class="panel-right pull-right">
                        <h3></h3>
                        <h4>查询数据</h4>
                    </div>
                </div>
            </div>
            <div class="col-md-2 col-sm-12 col-xs-12" onclick="divclick('数据采集')">
                <div
                        class="panel panel-primary text-center no-boder bg-color-blue blue">
                    <div class="panel-left pull-left blue">
                        <i class="fa fa-shopping-cart fa-5x"></i>
                    </div>

                    <div class="panel-right pull-right">
                        <h3></h3>
                        <h4>数据采集</h4>
                    </div>
                </div>
            </div>
            <div class="col-md-2 col-sm-12 col-xs-12" onclick="divclick('设备管理')">
                <div
                        class="panel panel-primary text-center no-boder bg-color-red red">
                    <div class="panel-left pull-left red">
                        <i class="fa fa fa-comments fa-5x"></i>
                    </div>
                    <div class="panel-right pull-right">
                        <h3></h3>
                        <h4>设备管理</h4>
                    </div>
                </div>
            </div>

            <div class="col-md-2 col-sm-12 col-xs-12" onclick="divclick('工艺流程')">
                <div
                        class="panel panel-primary text-center no-boder bg-color-red red">
                    <div class="panel-left pull-right red">
                        <i class="fa fa fa-comments fa-5x"></i>
                    </div>
                    <div class="panel-right pull-left">
                        <h3></h3>
                        <h4>工艺流程</h4>
                    </div>
                </div>
            </div>

            <div class="col-md-2 col-sm-12 col-xs-12" onclick="divclick('节水评估')">
                <div
                        class="panel panel-primary text-center no-boder bg-color-blue blue">
                    <div class="panel-left pull-right blue">
                        <i class="fa fa-shopping-cart fa-5x"></i>
                    </div>

                    <div class="panel-right pull-left">
                        <h3></h3>
                        <h4>节水评估</h4>
                    </div>
                </div>
            </div>

            <div class="col-md-2 col-sm-5 col-xs-5" onclick="divclick('废水评估')">
                <div
                        class="panel panel-primary text-center no-boder bg-color-green green">
                    <div class="panel-left pull-right green">
                        <i class="fa fa-bar-chart-o fa-5x"></i>
                    </div>
                    <div class="panel-right pull-left">
                        <h3></h3>
                        <h4>废水评估</h4>
                    </div>
                </div>
            </div>

        </div>

        <div class="row">
            <div class="col-md-2 col-sm-12 col-xs-12" onclick="divclick('工艺管理')">
                <div
                        class="panel panel-primary text-center no-boder bg-color-blue blue">
                    <div class="panel-left pull-left blue">
                        <i class="fa fa-shopping-cart fa-5x"></i>
                    </div>

                    <div class="panel-right pull-right">
                        <h3></h3>
                        <h4>工艺管理</h4>
                    </div>
                </div>
            </div>
            <div class="col-md-2 col-sm-12 col-xs-12" onclick="divclick('水平衡测试')">
                <div
                        class="panel panel-primary text-center no-boder bg-color-red red">
                    <div class="panel-left pull-left red">
                        <i class="fa fa fa-comments fa-5x"></i>
                    </div>
                    <div class="panel-right pull-right">
                        <h3></h3>
                        <h4>水平衡测试</h4>
                    </div>
                </div>
            </div>

            <div class="col-md-2 col-sm-12 col-xs-12">
                <div class="panel panel-primary">
                    <div class="panel-body easypiechart-panel">
                        <h4>过去60分钟内报警比例</h4>
                        <div class="easypiechart" id="easypiechart-blue"
                             data-percent="0">
                            <span class="percent" id="warning_hour">0.0%</span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-xs-6 col-md-2">
                <div class="panel panel-primary">
                    <div class="panel-body easypiechart-panel">
                        <h4>过去24小时内报警比例</h4>
                        <div class="easypiechart" id="easypiechart-orange"
                             data-percent="0">
                            <span class="percent" id="warning_day">0.0%</span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-md-2 col-sm-12 col-xs-12" onclick="divclick('取水定额')">
                <div
                        class="panel panel-primary text-center no-boder bg-color-red red">
                    <div class="panel-left pull-right red">
                        <i class="fa fa fa-comments fa-5x"></i>
                    </div>
                    <div class="panel-right pull-left">
                        <h3></h3>
                        <h4>取水定额</h4>
                    </div>
                </div>
            </div>

            <div class="col-md-2 col-sm-12 col-xs-12" onclick="divclick('清洁生产')">
                <div
                        class="panel panel-primary text-center no-boder bg-color-blue blue">
                    <div class="panel-left pull-right blue">
                        <i class="fa fa-shopping-cart fa-5x"></i>
                    </div>

                    <div class="panel-right pull-left">
                        <h3></h3>
                        <h4>清洁生产</h4>
                    </div>
                </div>
            </div>

            <!--            <div class="col-md-2 col-sm-5 col-xs-5">-->
            <!--                <div-->
            <!--                        class="panel panel-primary text-center no-boder bg-color-green green">-->
            <!--                    <div class="panel-left pull-left green">-->
            <!--                        <i class="fa fa-bar-chart-o fa-5x"></i>-->
            <!--                    </div>-->
            <!--                    <div class="panel-right pull-right">-->
            <!--                        <h3></h3>-->
            <!--                        <h4>水平衡测试</h4>-->
            <!--                    </div>-->
            <!--                </div>-->
            <!--            </div>-->

        </div>




        <!--        <div class="row">-->
        <!--            <div class="col-xs-6 col-md-3">-->
        <!--                <div class="panel panel-default">-->
        <!--                    <div class="panel-body easypiechart-panel">-->
        <!--                        <h4>过去7天内报警比例</h4>-->
        <!--                        <div class="easypiechart" id="easypiechart-teal"-->
        <!--                             data-percent="0">-->
        <!--                            <span class="percent" id="warning_week">0.0%</span>-->
        <!--                        </div>-->
        <!--                    </div>-->
        <!--                </div>-->
        <!--            </div>-->
        <!--            <div class="col-xs-6 col-md-3">-->
        <!--                <div class="panel panel-default">-->
        <!--                    <div class="panel-body easypiechart-panel">-->
        <!--                        <h4>过去30天内报警比例</h4>-->
        <!--                        <div class="easypiechart" id="easypiechart-red" data-percent="0">-->
        <!--                            <span class="percent" id="warning_month">0.0%</span>-->
        <!--                        </div>-->
        <!--                    </div>-->
        <!--                </div>-->
        <!--            </div>-->
        <!--        </div>-->

    </div>

</div>

<script>
    $(function() {
        $('#header').load('header.html');
        $('#navbar').load('navbar.html');

    })

    function divclick(name) {
        if(name == '设备管理') {
            page_name = "设备管理"
            page_url = "pages/entity_sensor.html"
            authName = "设备管理"
            $('#page-wrapper').load('pages/technological_process.html');
        }
        else if (name == "数据采集") {
            page_name = "水信息"
            page_url = "pages/entity_water.html"
            authName = "水信息管理/水信息"
            $('#page-wrapper').load('pages/technological_process.html');
        }
        else if (name == "工艺管理") {
            page_name = '工艺流程管理'
            page_url = "pages/flowchart_table.html"
            authName = "工艺流程"
            $('#page-wrapper').load('pages/technological_process.html');
        }
        else if (name == "工艺流程")  {
            page_name = '工艺流程管理'
            page_url = "pages/flowchart_table.html"
            authName = "工艺流程"
            $('#page-wrapper').load('pages/technological_process.html');
        }
        else if (name == "节水评估") {
            $('#page-wrapper').load('pages/label_water_saving.html');
        }
        else if (name == "水平衡测试") {
            $('#page-wrapper').load('pages/label_water_bala.html');
        }
        else if (name == "查询数据") {
            page_name = "可视化"
            page_url = "pages/water_visual.html"
            authName = "水信息管理/可视化"
            $('#page-wrapper').load('pages/technological_process.html');
        }
        else if (name == "废水评估") {
            $('#page-wrapper').load('pages/entity_eva_waste_water_main.html');
        }
        else if (name == "取水定额") {
            $('#page-wrapper').load('pages/entity_classified_standard.html');
        }
        else if (name == "清洁生产") {
            $('#page-wrapper').load('pages/new_clean_product.html');
        }

    }

</script>

</body>
</html>